<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html lang="zh-CN">
  <head>
    <base href="<%=basePath%>">
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>整车平台</title>
    
	<link href="lib/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="lib/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
	
	<link href="designCloud/css/common.css" rel="stylesheet"></link>
	<link href="designCloud/css/design.css" rel="stylesheet"></link>
	
	<script src="lib/jquery/1.11.3/jquery.min.js"></script>
	<script src="lib/bootstrap-3.3.5/js/bootstrap.min.js"></script>
	
	<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>
  
  <body class="client-body">
  		<jsp:include page="design-head.jsp"></jsp:include>
  		
  		<!-- 左 -->
  		<div class="design-body design-bodyLeft">
			<div class="design-leftTag">车型号选择</div>
			<div class="design-leftmenu fontBox clearfix">
				<a class="a-black activeFont" href="javascript:;">8849系列</a>
				<a class="a-black" href="javascript:;">A08系列</a>
				<a class="a-black" href="javascript:;">E30系列</a>
			</div>
			
			<div class="left-oneImgList listImgBox">
				<div class="left-oneImgBlock leftImgBlock activeImg">
					<div class="left-oneImgBox"><img src="designCloud/images/car.png"/></div>
					<div class="left-oneImgName">8804电动物流车</div>
				</div>
					
				<div class="left-oneImgBlock leftImgBlock">
					<div class="left-oneImgBox"><img src="designCloud/images/car2.png"/></div>
					<div class="left-oneImgName">8804电动物流车</div>
				</div>
			</div>
		</div>
  		
  		<!-- 中 -->
  		<div class="design-body design-bodyMiddle">
  			<div class="design-btnBox btnBox clearfix">
				<a class="a-black activeBtn" href="javascript:;">匹配零件</a>
			</div>
			
  			<div class="design-btnBox btnBox clearfix">
				<a class="a-black activeBtn" href="javascript:;">3D</a>
				<a class="a-black" href="javascript:;">零件清单</a>
				<a class="a-black" href="javascript:;">工艺指令</a>
				<a class="a-black" href="javascript:;">装配调试</a>
			</div>
			
			<div class="design-middleActions">
				<a class="a-white activeBtn" href="javascript:;"><i class="fa fa-arrow-right"></i></a>
				<a class="a-white" href="javascript:;"><i class="fa fa-download"></i></a>
				<a class="a-white" href="javascript:;"><i class="fa fa-refresh"></i></a>
			</div>
			
			<div class="middle-towImgList clearfix">
				<a class="middle-twoImgBox middle-imgFirst" href="designCloud/jsp/carLogoModify.jsp"><img src="designCloud/images/carSide.png"/></a>
				<a class="middle-twoImgBox" href="javascript:;"><img src="designCloud/images/car2.png"/></a>
				<a class="middle-twoImgBox" href="javascript:;"><img src="designCloud/images/car2.png"/></a>
			</div>
  		</div>
  		
  		<!-- 右 -->
  		<div class="design-body design-bodyRight">
			<div class="design-leftTag">细节设置</div>
			
			<div class="design-rightForm">
				<form class="form-horizontal">
				   <div class="rightFormUp"> 
					  <div class="form-group">
					    <div class="col-sm-12">
					      <div>
					    	  <span id="carName">伯爵设计的车</span>
						      <i id="carNameEdit" class="fa fa-pencil-square-o rightForm-editBtn right"></i>
					      </div>
					      <div class="rightForm-nameEdit" style="display: none;">
						      <input id="carNameInput" type="text" class="form-control col-sm-9" >
						      <a id="carNameSure" href="javascript:;">确定</a>
					      </div>
					    </div>
					  </div>
					  
					  <div class="form-group">
					    <label class="col-sm-4 control-label">型号</label>
					    <div class="col-sm-8">
					      <div class="rightForm-carType">8849物流电动车</div>
					    </div>
					  </div>
					  
					  <div class="form-group">
					    <label class="col-sm-4 control-label">车身颜色</label>
					    <div class="col-sm-8">
						    <div class="rightForm-carColor nowColor">
						        <span class="carColor1"></span>
						        <i class="fa fa-check-circle"></i>
						     </div>
						     <div class="rightForm-carColor">
						        <span class="carColor2"></span>
						        <i class="fa fa-check-circle"></i>
						     </div>
						     <div class="rightForm-carColor">
						        <span class="carColor3"></span>
						        <i class="fa fa-check-circle"></i>
						     </div>
						     <div class="rightForm-carColor">
						        <span class="carColor4"></span>
						        <i class="fa fa-check-circle"></i>
						     </div>
					    </div>
					  </div>
				     
					  <div class="form-group">
					    <label class="col-sm-4 control-label">车牌</label>
					    <div class="col-sm-8">
					      <select class="form-control">
					      	<option>时空</option>
					      	<option>伯爵</option>
					      </select>
					    </div>
					  </div>
				 	</div><!-- rightFormUp -->
				 	
				 	<div class="rightFormDown">
				 		<div class="form-group">
						    <label class="col-sm-4 control-label">长</label>
						    <div class="col-sm-8">
						      <input type="number" class="form-control"/> 米
						    </div>
						  </div>
						  
						  <div class="form-group">
						    <label class="col-sm-4 control-label">宽</label>
						    <div class="col-sm-8">
						      <input type="number" class="form-control"/> 米
						    </div>
						  </div>
						  
						  <div class="form-group">
						    <label class="col-sm-4 control-label">高</label>
						    <div class="col-sm-8">
						      <input type="number" class="form-control"/> 米
						    </div>
						  </div>
						  
						  <div class="form-group">
						    <label class="col-sm-4 control-label">轴距</label>
						    <div class="col-sm-8">
						      <input type="number" class="form-control"/> 米
						    </div>
						  </div>
						  
						  <div class="form-group">
						    <label class="col-sm-4 control-label">轮距</label>
						    <div class="col-sm-8">
						      <input type="number" class="form-control"/> 米
						    </div>
						  </div>
						  
						  <div class="form-group">
						    <label class="col-sm-4 control-label">前后轮距</label>
						    <div class="col-sm-8">
						      <input type="number" class="form-control"/> 米
						    </div>
						  </div>
				 	</div><!-- rightFormDown -->
				 	
			        <div class="form-group">
					    <div class="col-sm-12 rightForm-footBtn">
				            <a class="btn btn2 a-white" href="javascript:;">重置</a>
				            <a id="formSubmit" class="btn btn2 right a-white" href="javascript:;">保存修改</a>
					    </div>
				    </div>
				</form>
			</div>
		</div>
  		
  	<!-- Modal 保存修改-->
	<div class="modal fade" id="carModifyModal" tabindex="-1" role="dialog" aria-labelledby="carModifyModalLabel" data-backdrop="static">
	  <div class="modal-dialog modal-sm">
	    <form action="">
		    <div class="modal-content">
		      
		      <div class="modal-body">
				  <div class="carModal-body">
				    <i class="fa fa-check-circle"></i>
				    <span>您已保存成功！</span>
				  </div>
		      </div>
		      
		      <div class="modal-footer carModal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		        <!-- <button type="submit" class="btn btn2 a-white">保存并退出</button> -->
		      </div>
		      
		    </div>
	     </form>
	  </div>
	</div>
  	
  	
  	<script src="designCloud/js/designCommon.js"></script>
  	<script src="designCloud/js/designCar.js"></script>
    
  </body>
</html>
